<template>
<div class="header">
	<div class="header-left iconfont">&#xe604;</div>
	<div class="header-input">
		<span class="iconfont">&#xe61a;</span>
		输入城市/景点/游玩主题
	</div>
	<div class="header-right">
		城市
		<span class="iconfont">&#xe6aa;</span>
	</div>
</div>
</template>

<script>
export default{
  name: 'homeHeader'
};
</script>

<style scoped>
	.header{
		display: flex;
		height: .86rem;
		background-color: #00bcd4;
		color:#fff;
	}

	.header-left{
		width:.64rem;
		line-height: .86rem;
		text-align: center;
		font-size: .5rem;
	}

	.header-input{
		flex:1;
		height:.64rem;
		margin: auto 0;
		background-color: #fff;
		border-radius: .1rem;
		color:#ccc;
		line-height: .64rem;
		padding-left: .2rem;
	}

	.header-right{
		width: 1.24rem;
		text-align: center;
		line-height: .86rem;
	}
</style>